<template>
    <div >
        <div class="my-nav2">
            <router-link to="">连载榜</router-link>
            <router-link to="">潜力榜</router-link>
            <router-link to="">完本榜</router-link>
            <router-link to="">推荐榜</router-link>
            <router-link to="">中篇榜</router-link>
        </div>
        <router-view></router-view>
    </div>
</template>
<style scoped>
    .my-nav2{
        width: 1200px;
        height: 75px;
        
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .my-nav2 a{
        width: 75px;
        height: 35px;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 15px;
        line-height: 35px;
        margin-top: 20px;
        color: #333;
        box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 20%);
        margin-right: 10px;
        border-radius: 4px;
        background-color: #fff;
    }
    .my-nav2 a:hover{
        background-color: #389eac;
        color: white;
    }
</style>